<template>
	<!-- 详情内容 -->
	<div class="content-detail" v-show="flag">
		<!-- {{detail}} -->
		<h3 class="p-detail">Project details</h3>
		<div class="detail-item">
			<p>service company looking for the following：</p>
			<ul class="liebiao">
				<li>1.copywriter</li>
				<li>2.graphic artist</li>
				<li>3.social media manager</li>
				<li>4.analytics expert</li>
				<li>-feelance positions，will have to report to company’s office in BGG</li>
			</ul>
		</div>
		<h3 class="ref-pre reference">References</h3>
		<h3 class="ref-pre preferred">Preferred Payment Term</h3>
	</div>
</template>

<script>
	export default {
		props: {
			flag: Boolean,
			detail:String
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.liebiao li{
		color: #4D4D4D;
	}
	.reference{
		padding-top: 30px;
	}
	.content-detail{
		padding: 40px 35px;
	}
	.p-detail{
		padding-bottom: 32px;
	}
	.detail-item{
		line-height: 30px;
	}
	.ref-pre{
		padding-bottom: 60px;
	}
	h3{
		font-size: 21px;
		font-weight: bold;
	}
</style>
